@charset "utf-8";

/*========================================
             全局样式设定
=========================================*/
/*html {width:100%; overflow-x:hidden;}*/
body {margin:0; padding:0; width:100%; overflow-x:hidden; height:100%; overflow-y:auto; font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;-webkit-font-smoothing: none; font-size:12px; background:#fff; color:#666;}
ul,ol,li,dl,dt,dd,form,label,h1,h2,h3,h4,h5,h6,button,input[type="text"],input[type="password"],textarea,select,i {margin:0; padding:0; list-style:none; outline:none; font-family:"microsoft yahei"; font-weight:normal;}
ul, ul li {display:inline-block;}
img {display:block; border:none; max-width:100%;}
a {text-decoration:none; color:#666; cursor:pointer;}
a:hover {color:#4eb6ff;}

[hidden] {display: none;}
h1 {font-size: 2em; color: #333;}
h3 {color: #666;}
mark {background-color: #ff0; color: #000;}
ul, ul li {list-style: none; display: inline-block; vertical-align: middle;}
small {font-size: 80%;}
sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sub {bottom: -0.25em;}
sup {top: -0.5em;}
hr {box-sizing: content-box; height: 0; overflow: visible;}
button, input, select, textarea {font: inherit; margin: 0;}
optgroup {font-weight: bold;}
button, input {overflow: visible;}
button, select {text-transform: none;}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {border-style: none; padding: 0;}
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {outline: 1px dotted ButtonText;}
fieldset {border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em;}
legend {box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal;}
textarea {overflow: auto;}
[type="checkbox"], [type="radio"] {box-sizing: border-box; padding: 0;}
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {height: auto;}
[type="search"] {-webkit-appearance: textfield; outline-offset: -2px;}
[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
::-webkit-input-placeholder {color: inherit; opacity: 0.54;}
::-webkit-file-upload-button {-webkit-appearance: button; font: inherit;}
canvas {-moz-user-select: none; -webkit-user-select: none; -ms-user-select: none;}

/*========================================
             全局公用样式
=========================================*/
.hide {display:none;}
.show {display:block;}
.clear {height:0; clear:both;}
.clearRight {height:0; clear:right;}
.clearLeft {height:0; clear:left;}
.overScroll {overflow-y:scroll;}
.overHidden {overflow-y:hidden;}
.tran03 {-webkit-transition:all .3s; -moz-transition:all .3s; -o-transition:all .3s; transition:all .3s;}
input[type="checkbox"].none, input[type="radio"].none, input[type="text"].none {position:fixed; left:-9999px; top:50%;}
.table table {width:100%;}
.fixedTop {position:fixed; top:0;}
.fixedBottom {position:fixed; bottom:0;}
/* 清除浮动类 .clearfix */
.clearfix:before, .clearfix:after {content:""; display:table;}
.clearfix:after  {clear:both;}

/*==================================================
                  全站通用LOADING
==================================================*/
/*
<div class="pageLoading">
	<div class="circle1"></div><div class="circle2"></div>
    <div class="text"><span>正在努力为您加载... 请稍等</span></div>
</div>
*/
.pageLoading {position:fixed; width:100%; height:100%; left:0; top:0; background:rgba(255,255,255,.1); z-index:11; display:none;}
.pageLoading .circle1, .pageLoading .circle2 {position:absolute; left:50%; bottom:55%; border-radius:50%;}
.pageLoading .circle1 {width:50px; height:50px; margin-left:-28px; margin-bottom:10px; border:3px rgba(78,182,255,1) solid; border-right-color:rgba(255,255,255,0);
animation:circle1 .9s ease infinite;
-moz-animation:circle1 .9s ease infinite;
-webkit-animation:circle1 .9s ease infinite;
-o-animation:circle1 .9s ease infinite;}
@keyframes circle1{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}
@-moz-keyframes circle1{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}
@-webkit-keyframes circle1{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}
@-o-keyframes circle2{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}
.pageLoading .circle2 {width:30px; height:30px; margin-left:-16px; margin-bottom:22px; border:1px rgba(78,182,255,.8) solid; border-left-color:rgba(255,255,255,0);
animation:circle2 2s linear infinite;
-moz-animation:circle2 2s linear infinite;
-webkit-animation:circle2 2s linear infinite;
-o-animation:circle2 2s linear infinite;}
@keyframes circle2{from{transform:rotate(0deg);}to{transform:rotate(-360deg);}}
@-moz-keyframes circle2{from{transform:rotate(0deg);}to{transform:rotate(-360deg);}}
@-webkit-keyframes circle2{from{transform:rotate(0deg);}to{transform:rotate(-360deg);}}
@-o-keyframes circle2{from{transform:rotate(0deg);}to{transform:rotate(-360deg);}}
.pageLoading .text {position:absolute; width:100%; top:45%; margin-top:10px; text-align:center; color:#fff; font-size:1.2em;}


/* yzm.cr. */
/*========================================
                 网页宽度
=========================================*/
.mainWidth {position:relative; width:1200px; margin:0 auto;}

/*==================================================
                     图标
==================================================*/
.yun-icon {background:url(../img/icon.png) no-repeat;}
.yun-icon.icon-qq {width:24px; height:24px; background-position:0 0;}
.yun-icon.icon-qq:hover {background-position:-72px 0;}
.yun-icon.icon-weixin {width:24px; height:24px; background-position:-35px 0;}
.yun-icon.icon-weixin:hover {background-position:-104px 0;}
.yun-icon.icon-weixins {width:159px; height:159px; background-position:-155px -54px;}
.yun-icon.icon-app {width:93px; height:142px; background-position:-324px -61px;}
/*==================== 登录相关图标 ====================*/
.yun-Login-icon {background:url(../images/icon-login.png) no-repeat;}
.yun-Login-icon.icon-user {width:18px; height:18px; background-position:0 -5px;}
.yun-Login-icon.icon-pass {width:18px; height:18px; background-position:-43px -5px;}
.yun-Login-icon.icon-yzm {width:18px; height:18px; background-position:-21px -5px;}


/*==================================================
                    网页TOP
==================================================*/
.top {height:36px; border-bottom:1px #eee solid; background:#f7f7f7;}
/*========== 网页TOP-LEFT ==========*/
.top .top-left {float:left; height:100%;}
.top .top-left .welcome {float:left; height:100%; line-height:36px; font-size:1.2em;}
.top .top-left > a {float:left; margin-left:5px; margin-top:6px; position:relative;}
/*----- 广告主营销平台 -----*/
.top .top-left .adv {float:left; height:16px; line-height:16px; margin-top:10px; overflow:hidden; font-size:1.05em;}
.top .top-left .adv .plate {padding-right:10px; border-right:1px #a8a8a8 solid; margin-right:10px;}
.top .top-left .adv .username {margin-right:10px;}
/*----- 微信 -----*/
.top .top-left a.icon-weixin span {position:absolute; top:31px; left:50%; margin-left:-9999px; background:#fff; cursor:default; z-index:10;}
.top .top-left a.icon-weixin span b {display:block;}
.top .top-left a.icon-weixin span i {display:block; height:30px; line-height:30px; text-align:center; font-size:1.1em; color:#333; font-style:normal;}
.top .top-left a.icon-weixin:hover span {margin-left:-80px;}
/*========== 网页TOP-RIGHT ==========*/
.top .top-right {float:right;}
.top .top-right > ul li {float:left; height:36px; line-height:36px; margin-left:30px;}
.top .top-right > ul li a {font-size:1.2em; position:relative;}
/*----- APP -----*/
.top .top-right > ul li a span.icon-app {position:absolute; left:0; top:30px; left:50%; margin-left:-9999px; z-index:9;}
.top .top-right > ul li a:hover span.icon-app {margin-left:-46px;}
.top .top-right .adv {line-height:36px;}
.top .top-right .adv .tr {float:left; line-height:36px; padding:0 12px; font-size:1.1em; cursor:pointer;}
.top .top-right .adv .tr:hover {color:#4eb6ff;}

/*显示下来菜单*/
.top .top-right .adv .tr.dropMenu {position:relative; border-left:1px #f7f7f7 solid; border-right:1px #f7f7f7 solid;}
.top .top-right .adv .tr.dropMenu i.jt-down {display:inline-block; width:10px; height:10px; background:url(../img/icon-jt-down.gif) center no-repeat;}
.top .top-right .adv .tr.dropMenu i.whiteLine {position:absolute; width:100%; height:1px; background:#fff; left:0; top:100%; z-index:2; visibility:hidden;}
/*余额*/
.top .top-right .adv .tr.dropMenu .drops {position:absolute; left:0; margin-left:-1px; top:100%; white-space:nowrap; padding:5px 12px; border:1px #eee solid; background:#fff; cursor:default; z-index:1; visibility:hidden;}
.top .top-right .adv .tr.dropMenu .drops span,
.top .top-right .adv .tr.dropMenu .drops a {display:block; height:24px; line-height:24px;}
.top .top-right .adv .tr.dropMenu .drops span.s2 {color:#333;}
.top .top-right .adv .tr.dropMenu .drops span.s3 {color:#aaa;}

.top .top-right .adv .tr.dropMenu:hover {background:#fff; border-left:1px #eee solid; border-right:1px #eee solid;}
.top .top-right .adv .tr.dropMenu:hover i.whiteLine,
.top .top-right .adv .tr.dropMenu:hover .drops {visibility:visible;}

/*==================================================
                   网页HEADER
==================================================*/
.header {height:73px; padding-top:27px; background:#fff; position:relative;}
/*---------- 响应式菜单开关 ----------*/
.header .menuSwitch {float:left; width:44px; height:44px; background:#4eb6ff; overflow:hidden; position:relative; display:none;}
.header .menuSwitch b {position:absolute; width:100%; left:0; top:25px; text-align:center; line-height:0; color:#fff; font-size:1.8em;}
.header .menuSwitch b:before {content:"☰";}

/*========== LOGO ==========*/
.header .LOGO {float:left; position:relative;}
/*----- 通用logo样式 -----*/
.header .LOGO > a.logo {height:50px;}
.header .LOGO > a.logo > img {height:100%;}
/*-- 广告主logo --*/
.header .LOGO > a.logo.company {position:relative;}
.header .LOGO > a.logo.company:before {position:absolute; width:150px; height:26px; line-height:26px; font-size:1.6em; left:100%; margin-left:10px; top:50%; margin-top:-13px; cursor:default;}
.header .LOGO > a.logo.company:hover {color:#666;}
/*-- 媒介主logo --*/
.header .LOGO > a.logo.website img {float:left;}
.header .LOGO > a.logo.website:after {float:left; padding-top:18px; margin-left:10px; font-size:1.6em; white-space:nowrap; color:#333;}
.header .LOGO > a.logo.website:after {content:"媒介主接单平台";}
/* 通用右侧绝对定位 */
.header .LOGO > .abs {position:absolute; left:100%; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
.header .LOGO > .abs {margin-left:10px;}
.header .LOGO a.goAbout {white-space:nowrap; color:#333; padding:5px 10px; font-size:15px; border-left:1px #ccc solid;}
.header .LOGO a.goAbout:hover {color:#333;}


/*---------- LOGIN ----------*/
.header .loginBtn {float:right; height:30px; line-height:30px; font-size:1.2em; margin-top:7px; display:none;}
.header .loginBtn a {margin:0 10px;}
/*---------- 导航菜单 ----------*/
.header .menu ul {float:right;}
.header .menu ul li {float:left; margin-left:20px;}
.header .menu ul li a {float:left; height:40px; line-height:40px; padding:0 10px; text-align:center; font-size:1.5em; border-bottom:4px #fff solid;}
.header .menu ul li a.active,
.header .menu ul li a:hover {border-bottom:4px #319dd8 solid;}
/*---------- 导航菜单-ADV ----------*/
.header .menu-adv ul {float:right; padding-top:8px; margin-right:36px;}
.header .menu-adv ul li {float:left; margin-left:25px;}
.header .menu-adv ul li a,
.header .menu-adv ul li span {float:left; height:32px; line-height:32px; background:#fff; border-radius:16px; color:#666; padding:0 15px; text-align:center; font-size:1.3em;}
.header .menu-adv ul li a.active, .header .menu-adv ul li span.active,
.header .menu-adv ul li a:hover, .header .menu-adv ul li span:hover {background:#4eb6ff; color:#fff; cursor:pointer;}
.header .menu-adv ul li.recharge a {font-size:1em; padding:0; font-size:1.15em; background: left center no-repeat; color:#666; padding-left:24px;}
.header .menu-adv ul li.recharge a:hover {color:#4eb6ff;}

/*==================================================
                   网页FOOTER
==================================================*/
.footer {background:#33302b; padding:20px 0;}
/*---------- 底部菜单 ----------*/
.footer .menu {height:120px; color:#666; border-bottom:1px #666 solid;}
.footer .menu dl {float:left; width:23%; margin:0 1%;}
.footer .menu dl dt {height:35px;}
.footer .menu dl dt i {float:left; width:20px; height:20px; margin-top:7px;}
.footer .menu dl.service dt i {background:url(../img/icon-footer-ico1.png) no-repeat;}
.footer .menu dl.newer dt i {background:url(../img/icon-footer-ico2.png) no-repeat;}
.footer .menu dl.pays dt i {background:url(../img/icon-footer-ico3.png) no-repeat;}
.footer .menu dl.tese dt i {background:url(../img/icon-footer-ico4.png) no-repeat;}
.footer .menu dl dt span {float:left; margin-left:7px; height:35px; line-height:35px; font-size:1.4em;}
.footer .menu dl dd {float:left; width:50%; height:26px;}
.footer .menu dl dd i {float:left; width:20px; height:26px; background:url(../img/icon-footer-ico5.png) center center no-repeat;}
.footer .menu dl dd a {float:left; height:26px; line-height:26px; margin-left:5px;}
/*---------- 底部NAV ----------*/
.footer .nav {height:40px; line-height:40px; margin-top:10px; font-size:1.1em; text-align:center;}
.footer .nav.adv {padding-top:0; color:#ccc;}
.footer .nav.adv a {color:#ccc; margin:0 10px;}
/*---------- 底部版权 ----------*/
.footer .copyright {height:20px; line-height:20px; font-size:1.1em; text-align:center;}
.footer .copyright.adv {color:#ccc;}
/*---------- 底部图标 ----------*/
.footer .icons {margin-top:10px; height:40px;}
.footer .icons table {margin:0 auto;}
.footer .icons table img {float:left; margin:0 5px;}



.clearfix:before, .clearfix:after {content:""; display:table;}
.clearfix:after  {clear:both;}
.clearfix {*zoom:1;}

/* PC椤甸潰鍥哄 */
.main-width {width: 1200px; margin: 0 auto;}

.active a {color: #00a1e9!important; border-bottom: 4px solid #00a1e9;}
.no-show {display: none;}

/* canvas鐖跺鍣ㄧ被.canvas-char */
.canvas-char {position: relative; height: 250px!important; width: 400px; margin: 0 auto;}

/* 椤甸潰瀹瑰櫒绫�.container */
.container {position: relative; width: 100%; min-width: 1280px; overflow: hidden;}

/* 姝ょ被浠呯敤浣滀慨鏀逛慨鏀硅儗鏅壊锛屾鍓嶅懡鍚嶄笉瑙勮寖锛屾厧鐢� */
.wrap-container {position: relative; width: 100%; background: #f7f7f7;}



/* silder妯″潡 */
.slider {position: relative; width: 100%;z-index: 1;}
.slider .slider-box {position: relative; width: 100%; height:400px;}
.slider .slider-box li {display: none; position: absolute; width: 100%; height:400px; top: 0; left: 0;}
.slider .slider-box li:first-child,
.slider .slider-box li:first-child img {display: block;}
.slider .slider-box li img {display: none; position: absolute; max-width: 1920px; margin-left: -960px; left: 50%;}
.slider .cir-box {position: absolute; overflow: hidden;}
.slider .cir-box li {float: left; width: 10px; height: 10px; margin: 0 12px; border-radius: 50%; background: #999; opacity: 0.8; filter:alpha(opacity=80); cursor: pointer;}
.slider .cir-box li.cir-on {background: #fff!important; opacity: 1; filter:alpha(opacity=100);}

/* login妯″潡*/
.wrap-login {position: relative;top: 0; z-index: 8;}
.loginbox .code > * {display: inline-block; vertical-align: middle;}
.logon,
.positioning-div {background: url("../img/bg_2.png") no-repeat;}
.logon {text-align: center; position:absolute; right:0px; top:-380px; z-index: 100; width:270px; height: 360px; background-size: 270px 360px; color: #fff; border-radius: 15px;}
.positioning-div {background-size: 280px 220px;}
.illustrate > div:last-child {display: none;}
.logon .loginBtn button.smsBtn {display: none;}
.wrap-login #login-sms {display: none;}

/* 鍔ㄦ�佹暟鎹ā鍧� */
.dynamic-list {position: relative;height: 60px; line-height: 60px;text-align: center;}
.dynamic-list div {display: inline-block; vertical-align: middle; color: #333; font-size: 16px; width: 296px;}
.dynamic-list > div > * {display: inline-block; vertical-align: middle; margin-right: 5px;}
.dynamic-list div span.order-number,
.dynamic-list div span.putin-number,
.dynamic-list div span.media-number,
.dynamic-list div span.newadd-number {color: #4eb6ff;}

/* 璧勬簮妯″潡 */
.view-title {padding-top: 60px; text-align: center;}
.view-title h1 {font-size: 36px; padding-bottom:10px; color: #333;}
.view-title h3 {font-size: 22px; padding-bottom: 60px; color: #666;}
.view-tabs {text-align: center; padding-bottom: 60px;}
.view-tabs li {position: relative; font-size: 16px; color: #333; width: 160px; padding: 13px 0; margin: 0 15px; border: 1px solid #eeeeee; border-radius: 25px; background: #ffffff; cursor: pointer;}
.view-tabs li span {display: inline-block; font-size: 16px; color: #666666;}
.view-tabs li span:last-child {color: #f39800; padding-left: 5px;}
.view-tabs li:hover span,
.view-tabs li:active span {color: #4eb6ff;}
.view-content {text-align: center;}
.content2, .content3, .content4 {display: none;}
ul.tabs-title li.cur {background: #4eb6ff; color: #fff;}
ul.tabs-title li.cur span {color: #ffffff;}
ul.tabs-title li .hot {display: inline-block; position: absolute; top: -1px; right: -10px;}
.name > * {display: inline-block; vertical-align: middle; margin-right: 5px;}

/* 杞枃璧勬簮妯″潡 */
.article-view {position: relative;}
.article-view .news-link {display: inline-block; vertical-align: middle; width: 138px; height: 110px; border: 1px solid #eee; margin: 15px 45px;}
.article-view .news-link img {margin: 0 auto; width: 120px; height: 70px; padding: 20px 0;}
.article-view .news-link:hover {border-color: #4eb6ff;}
.article-view .view-other {text-align: center;}
.article-view .view-other {padding-top: 50px; padding-bottom: 70px;}
.article-view .view-other > div {position: relative; display: inline-block; vertical-align: middle; width: 210px; height: 120px; padding: 15px 0; margin: 0 13px; color: #fff; cursor: pointer;}
.article-view .view-other > div > div {padding-bottom: 5px; font-size: 24px;}
.article-view .view-other .other-res1 {background: #ff8fce;}
.article-view .view-other .other-res2 {background: #ffaa56;}
.article-view .view-other .other-res3 {background: #ff7c7c;}
.article-view .view-other .other-res4 {background: #77c4f9;}
.article-view .view-other .other-res5 {background: #a8c4f9;}
.article-view .view-other > div > div.price {border: 1px solid #fff; font-size: 16px; border-radius: 10px; width: 120px; margin: 0 auto; padding: 5px; margin-top: 15px;}
.article-view .view-other .res1-click {display: none; position: absolute; top: 0; left: 0; width: 210px; height: 145px; line-height: 130px; background: #000; opacity: 0.8; filter:alpha(opacity=80); cursor: pointer; z-index: 100;}
.article-view .res1-click a {margin: 0 auto; padding: 3px 10px; background: #fff; color: #ffaa56; font-size: 20px; font-weight: normal; border-radius: 5px;}
.article-view .view-other > div:hover > .res1-click {display: block;}

/*新增*/
/*首选渠道*/
.channel-view > .view-title > p{
    font-size: 18px;
    font-weight:400;
    color: #333;
}
.channel-in{
    width:768px;
    height: 300px;
    margin: 25px auto 24px auto;
    overflow: hidden;
    position: relative;
    background:url('../img/platform.png') no-repeat center bottom;
}
.channel-in p{
    color: #4EB6FF;
    font-size: 20px;
    font-weight:bold;
    text-align: center;
}
.channel-in p > span{
    font-size: 30px;
    color: #FF7C7C;
}
.channel-in p:nth-child(2) > span{
    font-size: 43px;
}
.channel-content ul{
    display: flex;
    margin-bottom: 58px;
}
.channel-content ul li{
    flex: 1;
    text-align: center;
}
.channel-content ul li >p{
    font-size: 14px;
    color: #333333;
}
.channel-content ul li > i{
    display: inline-block;
    width:275px;
    height:251px;
    background: #000;
}
.channel-content ul li .list-one{
    background: url('../img/videoSex.png') no-repeat center center;
}
.channel-content ul li .list-two{
    background: url('../img/videoAge.png') no-repeat center center;
}
.channel-content ul li .list-three{
    background: url('../img/videoHobby.png') no-repeat center center;
}
.channel-content ul li .list-four{
    background: url('../img/videoEcology.png') no-repeat center bottom;
}
.view-desc{
    margin-bottom: 70px;
}
.view-desc > p{
    text-align: center;
    font-size: 20px;
    /* color: #333; */
    font-weight: bold;
}
/*首选渠道end*/

/*品牌推广*/
.promotion-content{
    position: relative;
    width: 100%;
    height: 775px;
}
.promotion-one{
    position: absolute;
    left: -50px;
    top: 0;
    width:339px;
    height:245px;
    background: url('../img/11.png') no-repeat center center;
}
.promotion-two{
    position: absolute;
    left: 340px;
    top: 50px;
    width:160px;
    height:159px;
    background: url('../img/818.png') no-repeat center center;
}
.promotion-three{
    position: absolute;
    left: 40px;
    top: 260px;
    width:203px;
    height:118px;
    background: url('../img/618.png') no-repeat center center;
}
.descOne,.descTwo,.descThree,.descFour{
    position: absolute;
    font-weight: 400;
    line-height: 30px;
    font-size: 14px;
    color: #333333;
    text-align: right;
}
.descOne{
    left: 36px;
    top: 415px;
}
.descTwo{
    left: 330px;
    top: 235px;
}
.descThree{
    left: 650px;
    top: 125px;
}
.descFour{
    right: 100px;
    top: 55px;
}
.promotion-bottom{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 65px;
    width: 100%;
    height: 540px;
    background: url('../img/35.png') no-repeat center center;
}
.promotion-bottom > span{
    display: inline-block;
    position: absolute;
    text-align: center;
    font-size: 16px;
    line-height:30px;
    font-weight: bold;
}
.promotion-bottom > span:nth-child(1){
    color: #4EB6FF;
    left: 122px;
    bottom: 118px;
}
.promotion-bottom > span:nth-child(2){
    color: #FFAA56;
    left: 415px;
    bottom: 272px;
}
.promotion-bottom > span:nth-child(3){
    color: #FF7C7C;
    right: 428px;
    bottom: 379px;
}
.promotion-bottom > span:nth-child(4){
    color: #6FA0FB;
    right: 132px;
    top: 42px;
}
.promotion-bottom ul li{
    position: absolute;
    width:80px;
    height:80px;
    border-radius:50%;
    overflow: hidden;
}
.promotion-bottom ul li > img{
    width: 100%;
    height: 100%;
}
.promotion-bottom ul li:nth-child(1){
    left:383px;
    bottom: 100px;
}
.promotion-bottom ul li:nth-child(2){
    left:514px;
    bottom: 164px;
}
.promotion-bottom ul li:nth-child(3){
    right:464px;
    bottom: 224px;
}
.promotion-bottom ul li:nth-child(4){
    right:317px;
    bottom: 264px;
}
.promotion-bottom ul li:nth-child(5){
    right:180px;
    bottom: 291px;
}
.promotion-bottom ul li:nth-child(6){
    right:33px;
    bottom: 308px;
}
.promotionBtn{
  display: block;
  position: absolute;
  right: 34px;
  bottom: 0;
  width:450px;
  height:88px;
  background:url('../img/zixunQQ.gif') no-repeat center center;
  border-radius:20px;
}
/*品牌推广end*/

/*品牌声量*/
.volume-in{
    margin-top: 50px;
    margin-bottom: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.volume-in .volume-left{
    position: relative;
    width: 354px;
    height: 668px;
    margin-right: 97px;
}
.volume-in .volume-left > .volume-img{
    position: absolute;
    width: 200px;
    height: 300px;
}
.volume-in .volume-left > .volume-img:nth-child(1){
    right: 0;
    top: 0;
    background: url('../img/volume-img1.png') no-repeat center center;
}
.volume-in .volume-left > .volume-img:nth-child(2){
    top: 177px;
    background: url('../img/volume-img2.png') no-repeat center center;
}
.volume-in .volume-left > .volume-img:nth-child(3){
    right: 0;
    bottom: 0;
    background: url('../img/volume-img3.png') no-repeat center center;
}
.volume-in .volume-center{
    width: 331px;
    height: 530px;
    text-align: left;
}
.volume-in .volume-center > div > h3{
    font-size: 26px;
    line-height: 40px;
    color: #4EB6FF;
}
.volume-in .volume-center > div > p{
    font-size: 20px;
    line-height: 40px;
}
.volume-in .volume-center > div{
    line-height: 20px;
    margin: 0 auto;
    margin-bottom: 50px;
}
.volume-in .volume-right{
    height: 530px;
}
.volume-right > ul{
    width: 165px;
    height: 100%;
    float: left;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.volume-right > ul:nth-child(1){
    margin-right: 54px;
}
.volume-right > .volume-one{
    justify-content: space-between;
}
.volume-right > .volume-two{
    justify-content: space-around;
}
.volume-right > ul > li{
    width: 150px;
    height: 150px;
    /* background: #000; */
    border-radius: 50%;
    position: relative;
    overflow: hidden;
    
}
.volume-right > ul > li > img{
    width: 100%;
    height: 100%;
}
.volume-right > ul > li > p{
    width: 100%;
    height: 30px;
    color: #000;
    font-size: 20px;
    text-align: center;
    line-height: 30px;
    background: rgba(255, 255, 255, 0.6);
    position: absolute;
    top: 50%;
    transform: translateY(-80%);
}
/*品牌声量end*/

/*品牌认知度*/
.perceived-in{
    position: relative;
    width: 100%;
    padding: 50px 0;
    display: flex;
    justify-content: space-between;
}
.perceived-left{
    width: 639px;
}
.perceived-left > div{
    padding: 25px 33px 0 179px;
    box-sizing: border-box;
    line-height: 28px;
}
.perceived-left > div > h2{
  font-size: 24px;
}
.perceived-left > div > p{
  font-size: 18px;
  color: #333333;
}
.perceived-right{
    position: relative;
    width: 500px;
    height: 580px;
}
.perceived-right > div{
  position: absolute;
  width: 250px;
  height: 250px;
  border-radius: 10px;
  overflow: hidden;
}
.perceived-right > div > .video-js{
    width: 100%;
    height:100%;
}
.perceived-right > div > img{
    width: 100%;
    height: 100%;
    border-radius: 0;
}
.perceived-right > div:nth-child(1){
  left: 0;
  top: 0;
}
.perceived-right > div:nth-child(2){
  right: 0;
  top: 170px;
}
.perceived-right > div:nth-child(3){
  left: 50px;
  bottom: 0;
}
.perceived-one{
    width: 100%;
    height: 150px;
    margin-bottom: 50px;
    background:url('../img/15.png')no-repeat center center;
}
.perceived-one > h2{
  color: #FF7C7C;
}
.perceived-two{
    width: 100%;
    height: 150px;
    margin-bottom: 50px;
    background:url('../img/16.png')no-repeat center center;
}
.perceived-two > h2{
  color: #FFAA56;
}
.perceived-three{
    width: 100%;
    height: 150px;
    background:url('../img/17.png') no-repeat center center;
}
.perceived-three > h2{
  color: #A8C4F9;
}
.perceived-bottom{
  position: absolute;
  left: 50%;
  margin-left: -275px;
  bottom: 0;
  width: 450px;
  height: 88px;
  color: #4EB6FF;
  border-radius: 20px;
}
/*品牌认知度end*/

/*短视频精准推广矩阵*/
.matrix-in{
    margin-bottom: 50px;
    display: flex;
    justify-content: center;
}

.matrix-right{
    width: 740px;
}

.matrix-one > .matrix-desc{
    width: 150px;
    height: 80px;
    margin-left: 30px;
    float: left;
    font-size: 14px;
    font-weight: bold;
    display: inline-block;
}
.matrix-one > .matrix-nums{
    width: 200px;
    height: 80px;
    float: right;
}
.matrix-nums > div{
    width: 50%;
    float: left;
    text-align: center;
}
.matrix-nums > div > p:nth-child(1){
    font-size: 14px;
}
.matrix-nums > div > p:nth-child(2){
    font-size: 18px;
    color: #f39800;
}
.matrix-two{
    position: relative;
    overflow: hidden;
}
.matrix-two-price{
    position: absolute;
    left: 100px;
    top: 10px;
}
.matrix-two-price a{
    border: 1px solid #eee;
    padding: 3px 5px;
    border-radius: 3px;
}
.matrix-title{
    width: 100%;
    height: 30px;
    margin-top: 10px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    line-height: 30px;
}
.matrixChart{
    width: 100%;
    margin-top: 20px;
    display: flex;
    justify-content: space-around;
}
.matrix-three{
    margin-top: 20px;
    display: flex;
    justify-content: space-around;
}
.matrix-three > li{
    width: 160px;
    padding: 10px;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 5px;
}
.matrix-three > li > span{
    display: block;
    margin: 0 auto;
    margin-top: 8px;
    width: 120px;
    height: 1px;
    background: #ccc;
}
.matrix-top > .matrix-img{
    width: 55px;
    height: 55px;
    float: left;
    margin-right: 10px;
    border-radius: 50%;
    overflow: hidden;
}
.matrix-img > img{
    width: 100%;
    height: 100%;
}
.matrix-top > .matrix-info{
    max-width: 72px;
    float: left;
}
.matrix-top > .matrix-info > h4{
    font-weight: bold;
}
.matrix-bottom{
    width: 100%;
}
.matrix-bottom > div{
    width: 50%;
    float: left;
    text-align: center;
}
.matrix-bottom > div > p{
    line-height: 10px;
}
.matrix-bottom > div > p:nth-child(2){
    color: #f39800;
}
.matrix-price{
    text-align: center;
}
.matrix-price > a{
    border: 1px solid #eee;
    padding: 3px 5px;
    border-radius: 3px;
}
/*短视频精准推广矩阵end*/

/*品牌营销赋能*/
.marketing-in{
    position: relative;
    padding-bottom: 50px;
    margin-top: 50px;
}
.marketing-top{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.marketing-owner{
    width: 120px;
    height: 120px;
    line-height: 120px;
    text-align: center;
    color: #fff;
    font-size: 28px;
    border-radius: 50%;
    background: #4EB6FF;
}
.marketing-platform,.marketing-resource,.marketing-plan{
    width: 150px;
    height: 400px;
    border-radius: 10px;
    background: #D9D9D9;
    position: relative;
}
.marketing-delivery{
    width: 60px;
    height: 400px;
    line-height: 60px;
    font-size: 18px;
    writing-mode: vertical-lr;
    text-align: center;
    letter-spacing: 3px;
    border-radius: 10px;
    color: #fff;
    background: #4EB6FF;
}
.marketing-audience{
    width: 127px;
    height: 400px;
    border-radius: 10px;
    background: #4EB6FF;
}
.marketing-analysis{
    width: 150px;
    height: 400px;
    border-radius: 10px;
    background: #dadada;
    position: relative;
}
.marketing-suggest{
    width: 75px;
    height: 400px;
    font-size: 18px;
    writing-mode: vertical-lr;
    text-align: center;
    line-height: 75px;
    letter-spacing: 3px;
    color: #fff;
    border-radius: 10px;
    background: #4EB6FF;
}
.marketing-title{
    width: 100%;
    height: 40px;
    font-size: 16px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    line-height: 40px;
    color: #fff;
    background: #4EB6FF;
    text-align: center;
}
.platform-list{
    padding: 5px;
    margin-top: 12px;
    box-sizing: border-box;
}
.platform-list > li{
    width: 50%;
    float: left;
    padding: 7px;
    font-size: 14px;
    box-sizing: border-box;
    text-align: center;
    overflow: hidden;
}
.platform-img{
    width: 100%;
    margin-bottom: 5px;
    border-radius: 50%;
    overflow: hidden;
}
.platform-img > img{
    width: 100%;
    height: 100%;
}
.ellipsis{
    width: 50px;
    height: 20px;
    position: absolute;
    left: 50%;
    margin-left: -25px;
    bottom: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.ellipsis > span{
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 auto;
    border-radius: 50%;
    background: #00a1e9;
}
.marketing-list > li{
    width: 128px;
    height: 48px;
    font-size: 14px;
    margin: 0 11px;
    margin-top: 17px;
    margin-bottom: 9px;
    border-radius: 10px;
    text-align: center;
    line-height: 48px;
    background: #fff;
}
.delivery-list{
    margin-top: 13px;
}
.delivery-list > li{
    width: 100px;
    height: 36px;
    font-size: 18px;
    margin: 0 11px;
    margin-top: 44px;
    border-radius: 10px;
    text-align: center;
    line-height: 36px;
    background: #fff;
}
.marketing-bottom{
    width: 576px;
    height: 148px;
    font-size: 22px;
    margin:  0 auto;
    margin-top: 80px;
    padding-top:10px;
    box-sizing: border-box; 
    border-radius: 10px;
    color: #fff;
    text-align: center;
    background: #4EB6FF;
}
.arrow{
    display: block;
    position: absolute;
    width: 22px;
    height: 16px;
    background: url('../img/arrow.png')no-repeat center center;
}
.arrowOne{
    left: 125px;
    top: 195px;
}
.arrowTwo{
    left: 306px;
    top: 195px;
}
.arrowThree{
    left: 488px;
    top: 195px;
}
.arrowFour{
    left: 668px;
    top: 195px;
}
.arrowFive{
    left: 760px;
    top: 195px;
}
.arrowSix{
    left: 918px;
    top: 195px;
}
.arrowSix{
    left: 918px;
    top: 195px;
}
.arrowSeven{
    right: 78px;
    top: 195px;
}
.arrow-left{
    display: block;
    position: absolute;
    left: -35px;
    bottom: 101px;
    width: 422px;
    height: 320px;
    background: url('../img/arrow-left.png')no-repeat center bottom;
}
.arrow-right{
    display: block;
    position: absolute;
    right: 27px;
    bottom: 99px;
    width: 265px;
    height: 172px;
    background: url('../img/arrow-right.png')no-repeat center bottom;
}
/*品牌营销赋能end*/

/*套餐推荐*/
.recommend-view{
    padding-bottom: 40px;
}
.recommend-in{
    display: flex;
    justify-content: center;
}
.recommend-title{
    display: flex;
    justify-content: space-around;
}
.recommend-left{
    width: 652px;
}
.recommend-right{
    width: 548px;
}
.recommend-title > .left-title{
    width: 300px;
    text-align: center;
    margin: 0 auto;
    cursor: pointer;
}
.recommend-title > .right-title{
    text-align: center;
    width: 548px;
    cursor: pointer;
}
.recommend-title > span{
    display: inline-block;
    position: absolute;
    left: auto;
    margin-left: 15px;
    width: 1px;
    height: 50px;
    background: #333;
}
.recommend-title > .cur > .underline{
    display: inline-block;
    width: 60px;
    height: 5px;
    border-radius: 10px;
    background: #00a1e9;
}
.recommend-title > .cur > h1{
    display: block;
    color: #00a1e9;
}
.recommend-img{
    width: 100%;
    height: 653px;
    margin-top: 68px;
}
.recommend-img > img{
    width: 100%;
    height: 100%;
    border-radius: 0;
}
.imgOne{
    width: 160px;
    height: 160px;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
}
.imgTwo{
    width: 100px;
    height: 100px;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
}
.imgThree{
    width: 80px;
    height: 80px;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
}
.recommend-img > div:nth-child(1){
    left: 0;
    top: 0;
}
.recommend-img > div:nth-child(2){
    left: 364px;
    top: 44px;
}
.recommend-img > div:nth-child(3){
    right: 0px;
    top: 175px;
}
.recommend-img > div:nth-child(4){
   left: 96px;
    top: 243px;
}
.recommend-img > div:nth-child(5){
    left: 239px;
     bottom: 30px;
 }
 .recommend-img > div:nth-child(6){
     left: 220px;
     top: 100px;
 }
 .recommend-img > div:nth-child(7){
   right: 105px;
   bottom: 160px;
}
.recommend-img > div:nth-child(8){
    left: 69px;
    bottom: 90px;
}
.recommend-img > div:nth-child(9){
    left: 320px;
    top: 306px;
}
.recommend-img > div:nth-child(10){
    right: 78px;
    bottom: 0;
}
.recommend-content{
    margin-top: 20px;
}
.recommend-content > div{
    margin: 45px 0;
    margin-left: 100px;
}
.recommend-content > div > h2{
    color: #4EB6FF;
    font-size: 22px;
}
.recommend-content > div > span{
    display: block;
    line-height: 30px;
    color: #333333;
    font-size: 18px;
}
.consultationBtn{
    display: block;
    width: 450px;
    height: 88px;
    background: url('../img/zixunQQ.gif') no-repeat center center;
    margin-left: 100px;
    cursor: pointer;
}

/*套餐推荐end*/
.videoCase{
    display: flex;
    justify-content: center;
    padding-bottom: 140px;
}
.case-title{
    padding-bottom: 50px;
}
.videoCase-left{
    width: 600px;
    height: 565px;
    overflow: hidden;
}
.videoCase-left > img{
    width: 100%;
    height: 100%;
    border-radius: 0;
}
.videoCase-right{
    width: 710px;
    height: 540px;
}
.caseContent{
    width: 455px;
    margin: 30px auto;
}
.caseContent > h2{
    font-size: 28px;
    color: #4EB6FF;
}
.caseContent span{
    color: #4EB6FF;
}
.caseContent > p{
    font-size: 22px;
    line-height: 40px;
    margin-bottom: 55px;
}
.caseBtn{
    display: block;
    width: 450px;
    height: 88px;
    background: url('../img/zixunQQ.gif') no-repeat center center;
    border-radius: 5px;
    margin: 0 auto;
}
/*广告投放*/
.advertising{
    position: relative;
    background: url('../img/advertising.png') no-repeat;
    width: 843px;
    margin: 0 auto;
    font-size: 18px;
    color: #999;
    margin-top: 90px;
    height: 211px;
}
.advertising > .advertising-step1{
    position: absolute;
    left: -18px;
    bottom: -35px;
    font-size: 18px;
    color: #999;
}
.advertising > .advertising-step2{
    position: absolute;
    left: 368px;
    bottom: -35px;
    font-size: 18px;
    color: #999;
}
.advertising > .advertising-step3{
    position: absolute;
    left: 745px;
    bottom: -35px;
    font-size: 18px;
    color: #999;
}
/*广告投放end*/
/*新增结束*/

/* 寰俊璧勬簮妯″潡 */
.wechat-view {position: relative; background: #f7f7f7; padding-bottom: 70px;}
.wechat-view .view-content {background: #fff;}
.wechat-view .view-content .info1 {padding-top: 70px; padding-bottom: 25px;}
.wechat-view .view-content .description {display: inline-block; vertical-align: middle; width: 500px; margin: 0 50px;}
.wechat-view .view-content .description:first-child {margin-right: 30px;}
.wechat-view .view-content .desc-info > div {display: inline-block; vertical-align: middle; margin: 0 13px;}
.wechat-view .view-content .desc-info > div:first-child > div {display: inline-block; vertical-align: middle; margin-right: 6px;}
.wechat-view .view-content .desc-info > div:first-child > div:last-child {text-align: left; color: #666; font-size: 12px;}
.wechat-view .view-content .desc-info .name {font-size: 16px; color: #333; margin-bottom: 10px;}
.wechat-view .view-content .desc-info .text {margin-bottom: 10px; font-size: 13px;}
.wechat-view .view-content .desc-info .price a {background: #4eb6ff; padding: 3px 7px; font-size: 12px; color: #fff; border-radius: 3px;}
.wechat-view .view-content .description .number > div:first-child {color: #ff9023; font-weight: bold; font-size: 20px;}
.wechat-view .view-content .description .number > div:last-child {font-size: 14px; color: #666;}
.wechat-view .view-content .desc-info img {height: 80px; width: 80px; border-radius: 50%; margin: 0 auto;}
.wechat-view .view-content .wechat-char > div:last-child {position: absolute; bottom: 60px; left: 5px; text-align: left; text-indent: 40px;}
.wechat-view .view-content .wechat-char > div:last-child > * {text-indent: 5px;}
.wechat-view .chart-line {display: inline-block; vertical-align: middle; margin-right: 5px; background: url('../img/chart-line.png') no-repeat; width: 18px; height: 12px;}
.wechat-view .view-content .info2 {margin: 0 auto; width: 1000px; padding-top: 30px; padding-bottom: 60px; border-top: 1px dashed #eee;}
.wechat-view .view-content .res-other {display: inline-block; vertical-align: middle; font-size: 12px; color: #666; width: 246px;}
.wechat-view .view-content .res-other .name {margin-top: 6px;}
.wechat-view .view-content .res-other .name span {color: #333; font-size: 14px;}
.wechat-view .view-content .res-other .openId {margin-bottom: 8px;}
.wechat-view .view-content .res-other:first-child {margin-left: 0;}
.wechat-view .view-content .res-other:last-child {margin-right: 0;}
.wechat-view .view-content .res-other img {height: 60px; width: 60px; border-radius: 50%; margin: 0 auto;}
.wechat-view .view-content .res-other .price a {border: 1px solid #eee; padding: 2px 5px; border-radius: 3px;}
.wechat-view .view-content .res-other .text {margin-bottom: 10px;}
.wechat-view .view-content .res-other .price a:hover {border: 1px solid #ff9023; color: #ff9023;}

/* 鏈嬪弸鍦堣祫婧愭ā鍧� */
.friend-view {position: relative; text-align: center; padding-bottom: 70px;}
.friend-view .view-content {background: #f7f7f7;}
.friend-view .view-content .info1 {padding-top: 40px; padding-bottom: 15px;}
.friend-view .view-content .friend-info {display: inline-block; vertical-align: top; width: 596px;}
.friend-view .view-content .desc-success {margin-bottom: 30px;}
.friend-view .view-content .description > div {display: inline-block; vertical-align: middle;}
.friend-view .view-content .description .avatar img {height: 80px; width: 80px; border-radius: 50%; margin: 0 auto;}
.friend-view .view-content .description .desc-info {text-align: left; width: 350px;}
.friend-view .view-content .description .desc-info div {font-size: 13px; color: #999; display: block;}
.friend-view .view-content .description .desc-info div:first-child {font-size: 16px; color: #333; margin-bottom: 8px;}
.friend-view .view-content .description .desc-info .area {color: #999; font-size: 13px;}
.friend-view .view-content .description .desc-info div:last-child {margin-top: 12px;}
.friend-view .view-content .friend-info .desc-success > div {display: inline-block; vertical-align: middle; margin: 0 30px; margin-top: 30px;}
.friend-view .view-content .friend-info .desc-success > div > div:first-child {color: #ff9023; font-size: 20px; font-weight: bold;}
.friend-view .view-content .friend-info .desc-success > div > div:last-child {color: #666; font-size: 14px;}
.friend-view .view-content .friend-info .desc-success > div:last-child a {color: #fff; font-size: 12px; padding: 3px 7px; background: #4eb6ff; border-radius: 3px;}
.friend-view .view-content .friend-info .friend-char {margin: 10px auto;}
.friend-view .view-content .friend-info .friend-char img {margin: 0 auto;}
.friend-view .view-content .info2 {margin: 0 auto; width: 1000px; padding-top: 20px; padding-bottom: 40px; border-top: 1px dashed #eee;}
.friend-view .view-content .info2 .other-res {display: inline-block; vertical-align: top; width: 246px;}
.friend-view .view-content .info2 img {height: 60px; width: 60px; border-radius: 50%; margin: 0 auto;}
.friend-view .view-content .info2 .other-res > div {font-size: 12px; color: #666;}
.friend-view .view-content .other-res .wechat-name {margin-top: 5px; font-size: 14px!important; color: #333!important;}
.friend-view .view-content .other-res .wechat-name span {font-size: 14px; color: #333;}
.friend-view .view-content .other-res .wechat-text {margin-bottom: 10px; margin-top: 6px;}
.friend-view .view-content .info2 .other-res > div:last-child a {border: 1px solid #eee; padding: 3px 5px; border-radius: 3px;}
.friend-view .view-content .info2 .other-res > div:last-child a:hover {color: #ff9023; border: 1px solid #ff9023;}

/* 寰崥璧勬簮妯″潡 */
.weibo-view {position: relative; background: #f7f7f7; text-align: center; padding-bottom: 60px;}
.weibo-view .view-content {background: #fff; margin-bottom: 30px;}
.weibo-view .view-content .info1 {padding-top: 40px;}
.weibo-view .view-content .weibo-info {display: inline-block; vertical-align: top; width: 596px;}
.weibo-view .view-content .weibo-info .weibo-inner1 img {height: 80px; width: 80px; border-radius: 50%;}
.weibo-view .view-content .weibo-info .weibo-inner1 {text-align: center; padding-bottom: 30px;}
.weibo-view .view-content .weibo-inner2 {margin-bottom: 30px;}
.weibo-view .view-content .weibo-info .weibo-inner1 > div {display: inline-block; vertical-align: middle;}
.weibo-view .view-content .info-detail {text-align: left; width: 300px; margin-left: 10px;}
.weibo-view .view-content .weibo-info .detail-name {color: #333; margin-bottom: 4px;}
.weibo-view .view-content .weibo-info .detail-name > * {display: inline-block; vertical-align: middle;}
.weibo-view .view-content .weibo-info .detail-name span {font-size: 16px; color: #333;}
.weibo-view .view-content .weibo-info .real-name,
.weibo-view .view-content .weibo-info .detail-zuopin {color: #999; font-size: 13px; margin-bottom: 12px; margin-top: 8px;}
.weibo-view .view-content .weibo-inner2 > div {display: inline-block; vertical-align: middle;}
.weibo-view .view-content .info2 .other-res {width: 240px;}
.weibo-view .view-content .info2 img {height: 60px; width: 60px; border-radius: 50%; margin: 0 auto;}
.weibo-view .view-content .info2 .weibo-name {color: #333; margin-top: 5px; margin-bottom: 6px;}
.weibo-view .view-content .info2 .weibo-name > * {display: inline-block; vertical-align: middle;}
.weibo-view .view-content .info2 .weibo-text {font-size: 12px; color: #999; margin-top: 6px; margin-bottom: 10px; border-radius: 3px;}
.weibo-view .view-content .info2 a {padding: 3px 5px; color: #999; border: 1px solid #eee; border-radius: 3px;}
.weibo-view .view-content .info2 a:hover {color: #f39800; border: 1px solid #f39800;}
.weibo-view .view-content .weibo-info .weibo-inner2 > div {margin: 0 25px;}
.weibo-view .view-content .weibo-info .weibo-inner2 > div > div:first-child {color: #ff9023; font-weight: bold; font-size: 20px;}
.weibo-view .view-content .weibo-info .weibo-inner2 > div > div:last-child {color: #666; font-size: 14px;}
.weibo-view .view-content .weibo-info .weibo-inner2 > div:last-child a {color: #fff; font-size: 12px; background: #4eb6ff; padding: 3px 7px; border-radius: 3px;}
.weibo-view .view-content .info2 {margin: 0 auto; padding-top: 20px; padding-bottom: 40px; border-top: 1px dashed #eee;}
.weibo-view .view-content .other-res {display: inline-block; vertical-align: middle;}

/* 骞垮憡浣嶆ā鍧� */
.other-banner {width: 1200px; margin: 0 auto; padding-bottom: 80px;}
.other-banner div {display: inline-block; vertical-align: middle;}
.other-banner div:first-child {margin-right: 15px;}

/* 鐩存挱璧勬簮妯″潡 */
.live-view {position: relative; background: #f7f7f7; text-align: center; padding-bottom: 60px;}
.live-view .view-content {background: #fff;}
.live-view .view-content .info1 {padding-top: 40px; padding-bottom: 15px;}
.live-view .view-content .live-info {display: inline-block; vertical-align: top; width: 596px;}
.live-view .view-content .description > div {display: inline-block; vertical-align: middle;}
.live-view .view-content .description .avatar {position: relative;}
.live-view .view-content .description .desc-info {text-align: left; width: 350px;}
.live-view .view-content .description .avatar img {height: 80px; width: 80px; border-radius: 50%; margin: 0 auto;}
.live-view .view-content .description .desc-info div {font-size: 13px; color: #999; display: block;}
.live-view .view-content .description .desc-info div:first-child {font-size: 16px; color: #333; margin-bottom: 8px;}
.live-view .view-content .description .desc-info div:last-child {margin-top: 12px;}
.live-view .view-content .desc-success {margin-bottom: 30px;}
.live-view .view-content .live-info .desc-success > div {display: inline-block; vertical-align: middle; margin: 0 30px; margin-top: 30px;}
.live-view .view-content .live-info .desc-success > div > div:first-child {color: #ff9023; font-size: 20px; font-weight: bold;}
.live-view .view-content .live-info .desc-success > div > div:last-child {color: #666; font-size: 14px;}
.live-view .view-content .live-info .desc-success > div:last-child a {color: #fff; font-size: 12px; padding: 3px 7px; background: #4eb6ff; border-radius: 3px;}
.live-view .view-content .live-info .live-char {margin: 10px auto;}
.live-view .view-content .info2 {margin: 0 auto; width: 1000px; padding-top: 20px; padding-bottom: 40px; border-top: 1px dashed #eee;}
.live-view .view-content .info2 .other-res {display: inline-block; vertical-align: top; width: 246px;}
.live-view .view-content .info2 .other-res > div {position: relative; font-size: 12px; color: #666;}
.live-view .view-content .info2 .other-res .avatar {position: relative; margin: 0 auto; height: 61px; width: 61px;}
.live-view .view-content .info2 img {height: 60px; width: 60px; border-radius: 50%; margin: 0 auto;}
.live-view .view-content .other-res .wechat-name {margin-top: 5px; font-size: 14px!important; color: #333!important;}
.live-view .view-content .other-res .wechat-text {margin-bottom: 10px; margin-top: 6px;}
.live-view .view-content .info2 .other-res > div:last-child a {border: 1px solid #eee; padding: 3px 5px; border-radius: 3px;}
.live-view .view-content .info2 .other-res > div:last-child a:hover {color: #ff9023; border: 1px solid #ff9023;}

/* 瑙嗛璧勬簮妯″潡 */
.video-view {position: relative; text-align: center; padding-bottom: 60px;}
.video-view .view-content {text-align: left; padding-top: 40px; padding-bottom: 80px;}
.video-view .view-content .video-info > div {display: inline-block; vertical-align: middle; width: 276px; margin: 0 10px;}
.video-view .view-content .video-info .video-desc > * {display: inline-block; vertical-align: middle;}
.video-view .view-content .video-info .video-desc .avatar {position: relative; margin-right: 10px;}
.video-view .view-content .video-desc img {outline: none; width: 65px; height: 65px; border-radius: 50%; border: 1px solid #eee;}
.video-view .view-content .video-desc .desc-name {font-size: 16px; color: #333; margin-bottom: 7px;}
.video-view .view-content .video-desc .desc-info {font-size: 13px; color: #666;}
.video-view .view-content .video-desc .desc-num {font-size: 12px; color: #666; margin-top: 7px;}
.video-view .view-content .video-desc .desc-num span {margin-left: 6px; color: #f39800;}
.video-view .view-content .video-info .video-show {position: relative; height: 276px; margin-top: 15px; margin-bottom: 20px;}
.video-view .view-content .video-btn-bg {display: none; position: absolute; left: 0; top: 0; width: 275px; height: 275px; background: rgba(0,0,0,.6);}
.video-view .view-content .video-btn-bg1 {width: 420px; height: 420px;}
.video-btn-bg span {background:url(../img/playBtn.png)  no-repeat; display: none; position: absolute; left: 50%; top: 50%; width: 50px; height: 50px; margin: -25px 0 0 -25px;}
.video-view .view-content .video-info .video-price {text-align: center;}
.video-view .view-content .video-info .video-price a {border: 1px solid #eee; padding: 3px 5px; border-radius: 3px;}
.video-view .view-content .video-info .video-price a:hover {border-color: #f39800; color: #f39800;}
.video-view .view-content .advisory {position: absolute; bottom: -60px; left: 0; display: block; text-align: center; width: 280px;}
/* 瑙嗛璧勬簮鍥炬爣 */
.small-yinke-icon, .small-huajiao-icon, .small-miaopai-icon,
.small-xiongmao-icon,.small-taobao-icon, .small-meipai-icon,
.small-douyu-icon, .xiongmao-icon,.yinke-icon, .taobao-icon,
.meipai-icon, .huajiao-icon, .douyu-icon, .miaopai-icon {background:url(../img/video-sprite-icon.png)  no-repeat; display: inline-block; position: absolute; bottom: -5px; right: 5px;}
.small-yinke-icon {height:20px;width:20px;background-position:0 0;}
.small-huajiao-icon {height:20px;width:20px;background-position:-20px 0;}
.small-miaopai-icon {height:20px;width:20px;background-position:-40px 0;}
.small-xiongmao-icon {height:20px;width:20px;background-position:-60px 0;}
.small-taobao-icon {height:20px;width:20px;background-position:-80px 0;}
.small-meipai-icon {height:20px;width:20px;background-position:-100px 0;}
.small-douyu-icon {height:20px;width:20px;background-position:-120px 0;}
.xiongmao-icon {height:30px;width:30px;background-position:-140px 0;}
.yinke-icon {height:30px;width:30px;background-position:-170px 0;}
.taobao-icon {height:30px;width:30px;background-position:-200px 0;}
.meipai-icon {height:30px;width:30px;background-position:-230px 0;}
.huajiao-icon {height:30px;width:30px;background-position:-260px 0;}
.douyu-icon {height:30px;width:30px;background-position:-290px 0;}
.miaopai-icon {height:30px;width:30px;background-position:-320px 0;}
.yizhibo-icon {background: url(../img/yizhibo-icon.png) no-repeat; display: inline-block; position: absolute; bottom: -5px; right: 5px; height: 30px; width: 30px;}
.small-yizhibo-icon {background: url(../img/small-yizhibo-icon.png) no-repeat; display: inline-block; position: absolute; bottom: -5px; right: 5px; height: 20px; width: 20px;}

/* 鎴愬姛妗堜緥妯″潡 */
.success-case1 {position: relative;text-align: center; padding-bottom: 75px;}
.success-case1 .case-title h1 {font-size: 36px; padding-top: 60px; margin-bottom: 6px; color: #333333;}
.success-case1 .case-title h3 {font-size: 22px; color: #666666; margin-bottom: 40px;}
.success-case1 li {width: 100px; height: 100px; font-size: 18px; color: #666666; line-height: 100px; border-radius: 50%; margin: 0 40px; padding: 0;}
.success-case1 li:hover {color: #fff;}
.success-case1 .view-content {background: #f7f7f7;}
.success-case1 .view-content h2 {font-size: 24px; padding-top: 40px;}
.success-case1 .view-content .content {padding-left: 20px; padding-bottom: 30px;}
.success-case1 .view-content .content-desc {padding-top: 50px;}
.success-case1 .view-content .content-desc > * {display: inline-block; vertical-align: top;}
.success-case1 .view-content .content-desc .desc-banner {width: 220px; height: 308px;}
.success-case1 .view-content .content-desc img {margin-top: 27px;}
.success-case1 .view-content .content-desc .desc-detail {width: 71%; margin-left: 5%;}
.success-case1 .view-content .desc-detail {text-align: left;}
.success-case1 .view-content .detail1 {padding-bottom: 20px; border-bottom: 1px dashed #eee;}
.success-case1 .view-content .detail1 .description {display: inline-block; vertical-align: top; width: 28%; text-align: left; margin-right: 3%;}
.success-case1 .view-content .detail1 .description h3 {font-size: 16px; color: #333; margin-bottom: 5px;}
.success-case1 .view-content .detail1 .description p {font-size: 12px; color: #999999;}
.success-case1 .view-content .detail2 {text-align: left; padding-top: 20px; padding-bottom: 20px; border-bottom: 1px dashed #eee;}
.success-case1 .view-content .detail2 h3 {font-size: 16px; color: #333; margin-bottom: 15px;}
.success-case1 .view-content .detail2 .res > div {position: relative; display: inline-block; vertical-align: middle; width: 188px; margin-right: 2%;}
.success-case1 .view-content .detail2 .res > div > * {display: inline-block; text-align: left;}
.success-case1 .view-content .detail2 .res .avatar {width: 60px; height: 60px; border-radius: 50%;}
.success-case1 .view-content .detail2 .res i {position: absolute; bottom: 0; left: 40px;}
.success-case1 .view-content .detail2 .res .res-info {width: 60%;}
.success-case1 .view-content .res-name {color: #666; font-size: 14px; margin-bottom: 5px;}
.success-case1 .view-content .openId {font-size: 12px; color: #999; margin-bottom: 5px; border-radius: 3px;}
.success-case1 .view-content .res-info a {font-size: 12px; color: #999; border: 1px solid #eee; background: #fff; padding: 3px 5px; margin-left: 3px; border-radius: 3px;}
.success-case1 .view-content .res-info a:hover {color: #ff9023; border: 1px solid #ff9023;}
.success-case1 .view-content .detail3 {padding-top: 15px;}
.success-case1 .view-content .detail3 > div {display: inline-block; vertical-align: top;}
.success-case1 .view-content .detail3 h3 {font-size: 16px; color: #333;}
.success-case1 .view-content .detail3 .info-num {padding-top: 30px; margin-left: 100px;}
.success-case1 .view-content .detail3 .info-num .num-title {font-size: 16px; color: #333; text-indent: 45px; margin-bottom: 20px;}
.success-case1 .view-content .detail3 .info-num .num {margin-right: 20px; margin-bottom: 10px;}
.success-case1 .view-content .detail3 .info-num .num span:first-child {font-size: 12px; color: #999;}
.success-case1 .view-content .detail3 .info-num .num span:last-child {font-size: 20px; color: #ff9023;}
.success-case1 .view-content .check-detail {display: inline-block; padding: 3px 10px; background: #fff; color: #999; border: 1px solid #eee; margin-top: 20px;}
.success-case1 .view-content .check-detail:hover {color:  #ff9023; border: 1px solid  #ff9023;}

/* 浣跨敤鐢ㄦ埛妯″潡 */
.use-user {position: relative; text-align: center; padding-top: 60px; padding-bottom: 40px;}
.use-user .user-title {font-size: 36px; margin-bottom: 20px; color: #333;}
.use-user .user-title2 {margin-bottom: 40px;}
.use-user .user-title2 > div {display: inline-block; margin: 0 20px;}
.use-user .user-title2 > div div:first-child {color: #333; font-size: 22px; margin-bottom: 5px;}
.use-user .user-title2 > div div:last-child {color: #666;}
.use-user .user-logo {display: none;}
.use-user .user-logo i {display: inline-block; margin: 20px 35px; width: 160px; height: 70px;}
/* 鐢ㄦ埛妯″潡鍥炬爣 */
.user-logo1, .user-logo2, .user-logo3, .user-logo4, .user-logo5,
.user-logo6, .user-logo7, .user-logo8, .user-logo9, .user-logo10,
.user-logo11, .user-logo12, .user-logo13, .user-logo14, .user-logo15,
.user-logo16, .user-logo17, .user-logo18, .user-logo19, .user-logo20 {background: url("../img/user-logo.png") no-repeat; }
.user-logo14 {background-position:0 0;}
.user-logo15 {background-position:-169px 0;}
.user-logo13 {background-position:-337px 0;}
.user-logo11 {background-position:-505px 0;}
.user-logo12 {background-position:-673px 0;}
.user-logo19 {background-position:0 -78px;}
.user-logo20 {background-position:-169px -79px;}
.user-logo18 {background-position:-506px -80px;}
.user-logo16 {background-position:0 -157px;}
.user-logo17 {background-position:-169px -158px;}
.user-logo4 {background-position:-337px -236px;}
.user-logo5 {background-position:0 -235px;}
.user-logo3 {background-position:-168px -235px;}
.user-logo1 {background-position:-507px -236px;}
.user-logo2 {background-position:-506px -158px;}
.user-logo9 {background-position:-674px -158px;}
.user-logo10 {background-position:-337px -157px;}
.user-logo8 {background-position:-673px -81px;}
.user-logo6 {background-position:-675px -236px;}
.user-logo7 {background-position:-337px -79px;}

/* 鍚堜綔浼欎即妯″潡 */
.teamwork-partner {position: relative; padding-top: 60px; text-align: center;}
.teamwork-partner .partner-title {margin-bottom: 50px;}
.teamwork-partner .partner-title h1 {font-size: 36px; color: #333; margin-bottom: 6px;}
.teamwork-partner .partner-title h3 {font-size: 22px; color: #666;}
.teamwork-partner .partner-logo a {display: inline-block; margin: 10px 7px; width: 150px; height: 60px; cursor: pointer; border: 1px solid #fff;}
.teamwork-partner .partner-logo a:hover {border-color: #4eb6ff;}
/* 鍚堜綔浼欎即妯″潡鍥炬爣 */
.partner-logo1, .partner-logo2, .partner-logo3, .partner-logo4, .partner-logo5,
.partner-logo6, .partner-logo7, .partner-logo8, .partner-logo9, .partner-logo10,
.partner-logo11,.partner-logo13, .partner-logo14,
.other-icon1, .other-icon2, .other-icon3, .other-icon4, .other-icon5 {background: url("../img/partner-bottom-logo.png") no-repeat;}
.partner-logo10 {background-position:0 0;}
.partner-logo9 {background-position:-160px 0;}
.partner-logo8 {background-position:-320px 0;}
.partner-logo11 {background-position:-480px 0;}
.partner-logo14 {background-position:-640px 0;}
.partner-logo13 {background-position:0 -144px;}
.partner-logo3 {background-position:-479px -71px;}
.partner-logo2 {background-position:-640px -72px;}
.partner-logo1 {background-position:-160px -72px;}
.partner-logo4 {background-position:-320px -71px;}
.partner-logo7 {background-position:-160px -144px;}
.partner-logo6 {background-position:-321px -143px;}
.partner-logo5 {background-position:0 -73px;}
.other-icon4 {background-position:-303px -217px;}
.other-icon5 {background-position:-406px -217px;}
.other-icon3 {background-position:-103px -216px;}
.other-icon1 {background-position:0 -216px;}
.other-icon2 {background-position:-204px -216px;}
.partner-logo12{background: url("../img/partner-logo12.jpg") no-repeat; background-size: 150px 60px; border: 1px solid #eee!important;}
.partner-logo12:hover {border-color: #4eb6ff!important;}

/* 骞垮憡閾炬帴妯″潡 */
.ad-list {position: relative; padding-top: 40px; padding-bottom: 100px;}
.ad-list li {margin: 0 40px;}
.ad-list li h2 {font-size: 18px; margin-bottom: 10px;}
.ad-list li div {text-align: left; font-size: 15px;}
.ad-list li div:hover a {color: #4eb6ff;}
.ad-list .reg-info {font-size: 28px; text-align: center; margin-top: 100px; margin-bottom: 50px;}
.ad-list .reg-button {display: block; margin: 0 auto; width: 240px; height: 57px;}


/* aside 妯″潡 */
.aside {display: none; position: fixed; right: 0; top: 0; height: 100%;}
.aside .side-banner {border: none!important; width: 85px!important; height: 86px; position: absolute; right: 0; top: -120px;}
.aside .side-icon {position:absolute; right: 0; z-index: 100;}
.aside .side-icon > div {text-align: center; cursor: pointer;}
#contact, #wechat, #back-top {background: #fff;}
.aside .contact, .aside .qr-code {z-index: 9999;}
.aside .qr-code {display: none;}
.wrap-contact {display: none; position: absolute; top: -30px; right: 60px; width: 250px;}
.aside .contact {position: relative; top: 0px; right: 10px; padding: 0 20px; width: 200px; background: #fff; border: 1px solid #eee; text-align: center; color: #666; z-index: 100;}
.aside .contact .title {padding: 10px 0; margin: 0 auto; width: 120px; margin-bottom: 15px; border-bottom: 1px solid #eee; font-size: 16px;}
.aside .contact .inline1 {padding: 3px 0; width: 120px; margin: 0 auto 10px auto; border-radius: 3px; cursor: pointer;}
.aside .contact .inline1 a i {margin: 0 auto; display: block; width: 60px; height: 60px;background-size: contain; background: url() center center no-repeat;}
.aside .contact .inline1 > * {display: inline-block; vertical-align: middle; font-size: 12px;}
.aside .contact i {margin-right: 5px;}
.aside .contact .tel > * {display: inline-block; vertical-align: middle; font-size: 14px; font-weight: bold; color: #4eb6ff;}
.aside .contact .date {font-size: 12px; padding-top: 10px; padding-bottom: 15px;}
.aside .qr-code {position: absolute; top: 0; right: 75px; text-align: center; border: 1px solid #eee; background: #fff; padding: 10px;}
.aside .qr-code .qr-desc {color: #666; font-size: 12px;}
.triangle {display:block; width:0; height:0; border-width:6px; border-style:solid; border-color:transparent transparent transparent #eee; position:absolute; top:45px; right:-12px;}
.triangle em {display:block; width:0; height:0; border-width: 6px; border-style:solid; border-color:transparent transparent transparent #fff; position:absolute; top:-6px; right:-6px;}
.qr-triangle {top: 85px;}

/* 椤甸潰鍥炬爣 */
.qq-icon, .wechat-icon, .qq-icon:hover, .wechat-icon:hover, .hot,
.wechat-rz-icon, .weibo-rz-icon, .weibo-rz-small-icon, .bottom-user,
.bottom-road, .bottom-guide, .bottom-star, .order-icon, .putin-icon, .media-icon,
.newadd-icon, .qr-code-icon, .logo-icon,.app-code, .wechat-rz-small-icon {background:url(../img/icon_1.png) no-repeat; display: inline-block; vertical-align: middle;}
.logo-icon {height:46px;width:179px;background-position:-146px 0;vertical-align: top!important;margin-top: 27px;}
.qq-icon {height:24px;width:24px;background-position:0 0;}
.wechat-icon {height:24px;width:24px;background-position:-35px 0;position: relative;}
.qq-icon:hover {height:24px;width:24px;background-position:-72px 0;}
.wechat-icon:hover {height:24px;width:24px;background-position:-104px 0;}
.hot {height:24px;width:36px;background-position:-104px -135px;}
.wechat-rz-icon {height:16px;width:16px;background-position:-31px -70px;}
.weibo-rz-icon {height:20px;width:20px;background-position:0 -69px;}
.wechat-rz-small-icon {height:12px;width:12px;background-position:-95px -72px;}
.weibo-rz-small-icon {height:14px;width:14px;background-position:-64px -72px;}
.order-icon {height:20px;width:18px;background-position:0 -36px;}
.putin-icon {height:20px;width:22px;background-position:-30px -37px;}
.media-icon {height:20px;width:20px;background-position:-64px -38px;}
.newadd-icon {height:19px;width:19px;background-position:-95px -39px;}
.bottom-user {height:19px;width:20px;background-position:0 -101px;}
.bottom-road {height:19px;width:20px;background-position:-29px -102px;}
.bottom-guide {height:19px;width:17px;background-position:-63px -103px;}
.bottom-star {height:19px;width:20px;background-position:-94px -102px;}
.qr-code-icon {height:159px;width:159px;background-position:-155px -54px;}
.app-code {height:142px;width:93px;background-position:-324px -61px;display: none;}
.net-logo-icon {display: inline-block; background: url(../img/net-logo-icon.png) no-repeat; background-size: 200px 65px; height: 65px; width: 200px; vertical-align: top!important; margin-top: 20px;}
.cn-logo-icon {display: inline-block; background: url(../img/cn-logo-icon.png) no-repeat; background-size: 200px 65px; height: 65px; width: 200px; vertical-align: top!important; margin-top: 20px;}
.cc-logo-icon {display: inline-block; background: url(../img/cc-logo-icon.jpg) no-repeat; background-size: 200px 65px; height: 65px; width: 200px; vertical-align: top!important; margin-top: 20px;}
.aside-qq1-icon, .aside-tel-icon, .aside-qq-icon, .aside-wechat-icon, .back-top-icon,
.contact-icon {background:url(../img/aside-sprite.png) no-repeat; display: inline-block; vertical-align: middle;}
.aside-qq1-icon {height:17px;width:18px;background-position:0 0;}
.aside-tel-icon {height:20px;width:20px;background-position:-18px 0;}
.aside-qq-icon {height:23px;width:20px;background-position:-38px 0;}
.aside-wechat-icon:hover {height:60px;width:60px;background-position:-58px 0;}
.back-top-icon:hover {height:60px;width:60px;background-position:-118px 0;}
.contact-icon:hover {height:60px;width:60px;background-position:-178px 0;}
.aside-wechat-icon {height:60px;width:60px;background-position:-238px 0;}
.back-top-icon {height:60px;width:60px;background-position:-298px 0;}
.contact-icon {height:60px;width:60px;background-position:-358px 0;}

/*=============================
       头部LOGO广告
=============================*/
/*
	由张广丰添加 2016-09-08
.bgAd {background:url(../../images/index/flagAd/head-ad.png) left top no-repeat;}
.bgAd.com {background-position:85px 0;}
.bgAd.cn {background-position:185px 0;}
.bgAd.net {background-position:85px 0;}
*/

/*=============================
       首页两侧广告
=============================*/
/*
	由张广丰添加 2016-09-08
*/
.indexPageBgAd {position:absolute; width:100%; left:0; top:600px; z-index:1;}
.indexPageBgAd .left {position:absolute; width:256px; height:299px; background:url(../img/index-left.png) no-repeat; right:50%; margin-right:550px;}
.indexPageBgAd .right {position:absolute; width:251px; height:292px;  background:url(../img/index-right.png) no-repeat; left:50%; margin-left:550px;}

/* 新增提示弹框 */

.color-4eb6ff {
    color: #4eb6ff;
}
.color-ffb600 {
    color: #ffb600;
}
.bg-4eb6ff {
    background: #4eb6ff;
}
.bg-ffb600 {
    background: #ffb600;
}
.p-top-16 {
    padding-top: 16px!important;
}
.p-top-20 {
    padding-top: 20px!important;
}
.p-bottom-16 {
    padding-bottom: 16px!important;
}
.tips-pop {
    z-index: 4;
    position: fixed;
    left: 50%;
    top: 50%;
    display: none;
    width: 600px;
    margin-left: -300px;
    margin-top: -200px;
    font-size: 14px;
    background: #fff;
    border-radius: 10px;
    -webkit-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.2);
        -moz-box-shadow:0 3px 0 rgba(0, 0, 0, 0.2);
            box-shadow: 0 3px 0 rgba(0, 0, 0, 0.2);
}
.tips-pop .tips-header {
    position: relative;
    padding: 16px;
}
.tips-pop .tips-header h2 {
    font-size: 30px;
    text-align: center;
    color: #4eb6ff;
}
.tips-pop .tips-close {
  position: absolute;
  top: -25px;
  right: -30px;
  background: #fff;
  width: 30px;
  height: 30px;
  line-height: 30px;
  font-size: 20px;
  color: #999;
  text-align: center;
  border-radius: 50%;
  border: 1px solid #999;
  cursor: pointer;
}
.tips-pop .tips-main {
  position: relative;
}
.tips-pop .tips-text {
    position: relative;
}
.tips-pop .tips-text div {
    width: 50%;
    text-align: center;
}
.tips-pop .tips-text div:first-child {
    position: absolute;
    top: 0;
    left: 0;
}
.tips-pop .tips-text div:last-child {
    margin-left: 50%;
    border-left: 1px solid #eee;
}
.tips-pop .tips-text div p {
    margin: 0;
    padding-bottom: 6px;
}
.tips-pop .tips-text div a,
.tips-pop .tips-text div a:hover {
    display: block;
    width: 150px;
    padding: 6px 0;
    margin: 0 auto;
    margin-bottom: 20px;
    color: #fff;
    border-radius: 6px;
}


